<template>
  <el-card class="box-card">
    <el-row :gutter="20">
      <el-col :span="5" :offset="1" class="follow" v-for="(item,index) in 9" :key="index">
        <div class="grid-content bg-purple">
          <div class="follow-in">
            <div>
              <img src="../../../images/iu.jpg" alt srcset />
            </div>
            <div>
              <span>测试粉丝</span>
            </div>
            <el-button type="primary">关注</el-button>
          </div>
        </div>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.follow {
    height: 200px!important;
    margin-bottom: 20px;
    border: 1px dashed #eee;
    div{
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
    }
    img {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      padding-top: 10px;
    }
  }
</style>